<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name=viewport
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="referrer" content="no-referrer">
    <title>xgplayer</title>
    <style type="text/css">
        html, body {
            width: 100%;
            height: 100%;
            margin: auto;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div>西瓜视频播放器</div>
<div id="mse"></div>
<script src="//cdn.jsdelivr.net/npm/xgplayer@1.1.4/browser/index.js" charset="utf-8"></script>
<script src="//cdn.jsdelivr.net/npm/xgplayer-flv.js/browser/index.js" charset="utf-8"></script>
<script>
    let player = new FlvJsPlayer({
        "id": "mse",
        "playsinline": true,
        "whitelist": [
            ""
        ],
        "url": "ws://localhost:9998/live?url=rtsp://admin:fangjia301@192.168.88.22:554/Streaming/Channels/1"
        // "url": "http://localhost:9998/live?url=rtsp://admin:fangjia301@192.168.88.22:554/Streaming/Channels/1"
        // "url": "ws://localhost:9998/live?url=F:/otherGitProject/video/file.mp4"
    });

</script>
</body>
</html>
